.sf_core_right_menu {
  background-color: rgba(241, 242, 237, 1);
  height: 100%;


  .sf_core_right_menu_header {
    position: relative;

    .sf_core_right_menu_header_img {
      width: 100%;
      height: 70px;

      img {
        width: 100%;
      }
    }

    .sf_core_right_menu_header_info {
      display: flex;
      width: 100%;
      position: absolute;
      box-sizing: border-box;
      top: 20px;
      left: 0;

      .sf_core_right_menu_header_info_logo {
        flex: 1;

        span {
          text-align: center;
          width: 40px;
          height: 40px;
          line-height: 40px;
          left: 15px;
          vertical-align: top;
          color: #891d04;
          font-weight: 700;
          background-color: #ffd7ce;
          font-size: 18px;
        }
      }

      .sf_core_right_menu_header_info_user {
        flex: 3;

        p {
          margin: 0;

          &:first-child {
            margin: 5px 0;
            font-weight: 600;
            font-size: 14px;
            color: #333;
          }

          &:last-child {
            font-size: 12px;
            color: #666;
          }
        }
      }
    }

    .sf_core_right_menu_header_logout {
      position: absolute;
      right: 10px;
      top: 5px;
      cursor: pointer;
      font-size: 12px;

      .sf_core_right_menu_header_logout_span {
        margin-left: 2px;
      }

      span {
        vertical-align: middle;
      }
    }

    .sf_core_right_menu_header_role {
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 100%;
      padding-left: 8px;
      padding-right: 4px;

      .sf_core_right_menu_header_role_tree {
        width: 100%;

        .ant-select-selector {
          border: none;
          box-shadow: none !important;
          background-color: transparent;
        }
      }
    }
  }

  .sf_core_right_menu_content {
    padding: 5px;
    box-sizing: border-box;

    .ant-card-head {
      padding: 0 10px;
    }

    .ant-card-body {
      padding: 10px;
    }

    .sf_core_right_menu_content_work {
      margin-bottom: 10px;

      .sf_core_right_menu_content_work_item {
        display: flex;
        height: 30px;
        line-height: 30px;

        .sf_core_right_menu_content_work_item_title {
          cursor: pointer;
          flex: 1;

          span {
            vertical-align: middle;
            margin-right: 5px;
          }
        }

        .sf_core_right_menu_content_work_item_content {
          cursor: pointer;
          flex: 1;

          .ant-select {
            width: 100%;
          }
        }
      }
    }
  }

}